<!doctype html>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page import="org.apache.shiro.web.filter.authc.FormAuthenticationFilter"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html lang="en" class="login-content" data-ng-app="materialAdmin">
 <head>
  <meta charset="UTF-8">
	 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
	 <meta name="apple-mobile-web-app-capable" content="yes">
	 <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Material Admin</title>
  <!--
  	作者：561568157@qq.com
  	时间：2016-01-07
  	描述：ICO
  -->
  <!-- Vendor CSS -->
	 <link href="/test/Azrael_login/css/material-design-iconic-font/css/material-design-iconic-font.min.css" rel="stylesheet" type="text/css">
	 <!-- CSS -->
	 <link href="/test/Azrael_login/css/app.min.1.css" rel="stylesheet" type="text/css">
 </head>
 <body class="login-content" data-ng-controller="loginCtrl as lctrl">

    <div class="lc-block" id="l-login" data-ng-class="{'toggled':lctrl.login === 1}">
    	<h1 class="lean">${fns:getConfig('productName')}</h1>

    	<div class="input-group m-b-20">
    		<span class="input-group-addon">
    			<i class="zmdi zmdi-account"></i>
    		</span>
    		<div class="fg-line">
    			<input type="text" class="form-control" placeholder="Username" regex="^\w{3,16}$"/>
    		</div>
    	</div>

        <div class="input-group m-b-20">
    		<span class="input-group-addon">
    			<i class="zmdi zmdi-male"></i>
    		</span>
    		<div class="fg-line">
    			<input type="password" class="form-control" placeholder="Password" regex="^\w+"/>
    		</div>
    	</div>
    	
    	<div class="clearfix"></div>
    	
    	<div class="checkbox">
    		<label>
    			<input type="checkbox" value="" />
    			<i class="input-helper">
    				保持登录状态
    			</i>
    		</label>
    	</div>
        
    	<a href="" class="btn btn-login btn-danger btn-float">
    		<i class="zmdi zmdi-arrow-forward"></i>
    	</a>
        
        <ul class="login-navigation">
        	<li class="bgm-red" data-ng-click="lctrl.login = 0; lctrl.register = 1">Register</li>
        	<li data-block="#l-forget-password" class="bgm-orange" data-ng-click="lctrl.login = 0; lctrl.forgot = 1">Forgot Password?</li>
        </ul>
    </div>
    
    <%--<div class="lc-block" id="l-register" data-ng-class="{ 'toggled': lctrl.register === 1 }" data-ng-if="lctrl.register === 1">--%>
    	<%--<h1 class="lean">Azrael</h1>--%>

    	<%--<div class="input-group m-b-20">--%>
    		<%--<span class="input-group-addon">--%>
    			<%--<i class="zmdi zmdi-account"></i>--%>
    		<%--</span>--%>
    		<%--<div class="fg-line">--%>
    			<%--<input type="text" class="form-control" placeholder="Username" regex="^\w{3,16}$"/>--%>
    		<%--</div>--%>
    	<%--</div>--%>

        <%--<div class="input-group m-b-20">--%>
    		<%--<span class="input-group-addon">--%>
    			<%--<i class="zmdi zmdi-email"></i>--%>
    		<%--</span>--%>
    		<%--<div class="fg-line">--%>
    			<%--<input type="text" class="form-control" placeholder="Email Address" regex="^\w+@\w+\.[a-zA-Z]+(\.[a-zA-Z]+)?$"/>--%>
    		<%--</div>--%>
    	<%--</div>--%>

        <%--<div class="input-group m-b-20">--%>
    		<%--<span class="input-group-addon">--%>
    			<%--<i class="zmdi zmdi-male"></i>--%>
    		<%--</span>--%>
    		<%--<div class="fg-line">--%>
    			<%--<input type="password" class="form-control" placeholder="Password" regex="^\w+"/>--%>
    		<%--</div>--%>
    	<%--</div>--%>
    	<%----%>
    	<%--<div class="clearfix"></div>--%>
    	<%----%>
    	<%--<div class="checkbox">--%>
    		<%--<label>--%>
    			<%--<input type="checkbox" value=""/>--%>
    			<%--<i class="input-helper"></i>--%>
    			<%--接受许可协议--%>
    		<%--</label>--%>
    	<%--</div>--%>
    	<%----%>
    	<%--<a href="" class="btn btn-login btn-danger btn-float"><i class="zmdi zmdi-arrow-forward"></i></a>--%>
    <%----%>
    	<%--<ul class="login-navigation">--%>
	      <%--<li data-block="#l-login" class="bgm-green" data-ng-click="lctrl.register = 0; lctrl.login = 1">Login</li>--%>
	      <%--<li data-block="#l-forget-password" class="bgm-orange" data-ng-click="lctrl.register = 0; lctrl.forgot = 1">Forgot Password?</li>--%>
	    <%--</ul>--%>
    <%--</div>--%>

    <div class="lc-block" id="l-forget-password" data-ng-class="{ 'toggled': lctrl.forgot === 1 }" data-ng-if="lctrl.forgot === 1">
    	<h1 class="lean">Azrael</h1>
    	<p class="text-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eu risus. Curabitur commodo lorem fringilla enim feugiat commodo sed ac lacus.</p>
    	<div class="input-group m-b-20">
	      <span class="input-group-addon"><i class="zmdi zmdi-email"></i></span>
	      <div class="fg-line">
	        <input type="text" class="form-control" placeholder="Email Address" regex="^\w+@\w+\.[a-zA-Z]+(\.[a-zA-Z]+)?$"/>
	      </div>
	    </div>
	
	    <a href="" class="btn btn-login btn-danger btn-float"><i class="zmdi zmdi-arrow-forward"></i></a>
	
	    <ul class="login-navigation">
	      <li data-block="#l-login" class="bgm-green" data-ng-click="lctrl.forgot = 0; lctrl.login = 1">Login</li>
	      <li data-block="#l-register" class="bgm-red" data-ng-click="lctrl.forgot = 0; lctrl.register = 1">Register</li>
	    </ul>
    </div>
 </body>

 <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
 <!-- Angular -->
 <script src="/test/Azrael_login/js/bower_components/angular/angular.min.js"></script>
 <script src="/test/Azrael_login/js/bower_components/angular-resource/angular-resource.min.js"></script>
 <script src="/test/Azrael_login/js/bower_components/angular-animate/angular-animate.min.js"></script>


 <!-- Angular Modules -->
 <script src="/test/Azrael_login/js/bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
 <script src="/test/Azrael_login/js/bower_components/angular-loading-bar/src/loading-bar.js"></script>
 <script src="/test/Azrael_login/js/bower_components/oclazyload/dist/ocLazyLoad.min.js"></script>
 <script src="/test/Azrael_login/js/bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>

 <!-- Common js -->
 <script src="/test/Azrael_login/js/bower_components/angular-nouislider/src/nouislider.min.js"></script>
 <script src="/test/Azrael_login/js/bower_components/ng-table/dist/ng-table.min.js"></script>

 <!-- Placeholder for IE9 -->
 <!--[if IE 9 ]>
 <script src="/test/Azrael_login/js/bower_components/jquery-placeholder/jquery.placeholder.min.js"></script>
 <![endif]-->
 <!-- App level -->
 <script src="/test/Azrael_login/js/app.js"></script>
 <script src="/test/Azrael_login/js/controllers/main.js"></script>
 <script src="/test/Azrael_login/js/controllers/ui-bootstrap.js"></script>
	
	
	<!-- Template Modules -->
	<script src="/test/Azrael_login/js/modules/form.js"></script>
</html>